<template>
  <div class="securityCenter">
    <assets-head :title="title"></assets-head>

    <van-cell-group>
      <van-cell title="密码" is-link value="修改" to="scResetPassword" title-style="color: #000;" />
      <van-cell title="交换密碼" is-link value="设置" to="exchangePassword" title-style="color: #000;" />
      <van-cell title="电子邮箱" is-link value="綁定" to="email" title-style="color: #000;" />
    </van-cell-group>

    <img class="sidebar-icon" src="@/assets/image/sidebar-icon.png" alt="">
  </div>
</template>

<script>
import assetsHead from "@/components/assets-head";

export default {
  name: "index",
  components: {
    assetsHead,
  },
  data() {
    return {
      title: "安全中心",
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.securityCenter {
  width: 100%;
  height: 100%;

  ::v-deep #assetsHead .van-nav-bar {
    background-color: #000;

    .van-nav-bar__title,.van-nav-bar__arrow {
      color: white;
    }
  }

  .van-cell-group {
    padding: 50px;

    .van-cell {
      padding: 30px 0;
    }
  }

  .sidebar-icon {
    position: fixed;
    top: 40%;
    right: 30px;
  }
}
</style>
